.home-area{
    display:none;
}
#nav{
    .nav_l{
        background: #CD2A2C;
        h2{
            b{
                display: block;
                width: 20px;
                height: 20px;
                background: url(../images/20130330A_2.png) no-repeat  -65px 0px;
                position:absolute;
                right: 10px;
                top: 10px;
            }
        }
    }
    .active_nav_l{
        h2{
            b{
                background: url(../images/20130330A_2.png) no-repeat  -65px -23px;
            }
        }
    }
}
.now_cate{
    width: 1210px;
    margin: 0 auto;
    margin-top: 10px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    overflow: hidden;
    strong{
        padding-left: 5px;
        display: inline-block;
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
    }
}
.w{
    width: 1210px;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
    .right_info{
        width: 840px;
        float: right;
        min-height: 474px;
        .name{
            font-family: arial,"microsoft yahei";
            font-size: 16px;
            font-weight: 700;
            padding-bottom: 10px;
            border-bottom: 1px dotted #ccc;
            h1{
                font-size: 16px;
            }
            strong{
                color: #e4393c;
            }
        }
        ul.detail{
            padding-top: 10px;
            padding-bottom: 10px;
            border-bottom:1px dotted #ddd;
            float: left;
            li{
                padding: 8px 0;
                float: left;
                .dt{
                    width: 72px;
                    text-align: right;
                    float: left;
                }
                .dd{
                    float: left;
                    width: 524px;
                    line-height: 12px;
                    a{
                        color: #005aa0;
                    }
                }
            }
            li.sum_price{
                height: 18px;
                .dd{
                    strong{
                        color: #E4393C;
                        font-size: 18px;
                        line-height: 18px;
                    }
                }
            }
            li.mprice{
                height: 18px;
                .dd{
                    s{
                        font-size:14px;
                    }
                }
            }
            li.sum_stock{
                line-height: 12px;
                .dd{
                    .store-selector{
                        display: inline-block;
                        position: relative;
                        margin-right: 10px;
                        z-index: 20;
                        line-height: 26px;
                        top: -3px;
                        .text{
                            background: #fff;
                            border: 1px solid #ddd;
                            height: 23px;
                            line-height: 23px;
                            padding: 0 24px 0 4px;
                            position: relative;
                            top: 0px;
                            b{
                                display: block;
                                background: url(../images/20130603A.png) no-repeat -21px -17px;
                                position: absolute;
                                right: 6px;
                                top: 9px;
                                width: 9px;
                                height: 6px;
                            }
                        }
                        .content{
                            display: none;
                            position: absolute;
                            border: 1px solid #DDDDDD;
                            left:-44px;
                            top: 23px;
                            background: white;
                            box-shadow: 0 0 5px #ddd;
                            padding: 15px;
                            width: 390px;
                            .selector_title{
                                .tab{
                                    border-bottom: 2px solid #edd28b;
                                    height: 25px;
                                    width: 100%;
                                    li{
                                        display: none;
                                        float: left;
                                        border: 1px solid #DDDDDD;
                                        border-bottom: none;
                                        height: 23px;
                                        line-height: 22px;
                                        margin-right: 3px;
                                        padding: 1px 1px 0;
                                        a{
                                            color: #005aa0;
                                            float: left;
                                            line-height: 23px;
                                            height: 23px;
                                            padding: 0 21px 1px 11px;
                                            position: relative;
                                            cursor: pointer;
                                            text-align: center;
                                            text-decoration: none;
                                            i{
                                                background: url(../images/20130606B.png) no-repeat  -76px -34px;
                                                display: block;
                                                height: 5px;
                                                opacity: 0.5;
                                                overflow: hidden;
                                                position: absolute;
                                                right: 5px;
                                                top: 10px;
                                                width: 7px;
                                            }
                                            &:hover{
                                                i{
                                                    opacity: 1;
                                                }
                                            }
                                            b{
                                                font-weight: 400;
                                            }
                                        }
                                    }
                                    li.active{
                                        display: block;
                                        border:2px solid #EDD28B;
                                        border-bottom: none;
                                        height: 25px;
                                        background: #fff;
                                        padding: 0px;
                                        a{
                                            i{
                                                opacity: 1;
                                            }
                                        }
                                    }
                                }
                            }
                            .selector_item{
                                display: none;
                                padding-top: 10px;
                                ul{
                                    li{
                                        float: left;
                                        padding: 2px 0 2px 15px;
                                        width: 80px;
                                        a{
                                            color: #005aa0;
                                            float: left;
                                            padding: 2px 4px;
                                            text-decoration: none;
                                            &:hover{
                                                background: #005aa0;
                                                color: white;
                                            }
                                        }
                                    }
                                    li.longarea{
                                        width: 170px;
                                    }
                                }
                            }
                        }
                    }
                    dd.active{
                        padding-bottom: 1px;
                        div.text{
                            border-bottom: none;
                            z-index: 15;
                        }
                    }
                    dd{
                        position: relative;
                    }
                    .havestock{
                        line-height: 18px;
                        display: inline-block;
                        strong{
                            font-size: 14px;
                            padding-right: 10px;
                        }
                    }
                }


            }
        }
        .choose{
            padding-top: 10px;
            padding-bottom: 10px;
            float: left;
            li{
                padding: 8px 0 0;
                float: left;
                .dt{
                    width: 72px;
                    text-align: right;
                    float: left;
                    margin-top: 10px;
                }
                .dd{
                    padding: 5px 0px;
                    overflow: hidden;
                    float: left;
                    width: 524px;
                    .item{
                        margin-right: 5px;
                        margin-bottom: 6px;
                        float: left;
                        a{
                            display: block;
                            padding: 1px;
                            float: left;
                            border: 1px solid #CCCCCC;
                            position: relative;
                            background: white;
                            text-decoration:none;
                            padding: 3px 4px;
                            img{
                                float: left;
                                margin: 1px 3px 1px 1px;
                            }
                            i{
                                padding: 3px 4px;
                                margin: 0px;
                                text-align: center;
                                vertical-align: middle;
                                font-style: normal;
                            }
                            b{
                                position: absolute;
                                display: none;
                                right: 0px;
                                bottom: 0px;
                                width: 15px;
                                height: 15px;
                                background: url(../images/newicon20140417.png) no-repeat -199px -221px;
                                // overflow: hidden;
                            }
                        }
                        a.activeChoose{
                            padding: 2px 3px;
                            border: 2px solid #E4393C;
                            b{
                                display: block;
                            }
                        }
                        a:hover{
                            padding: 2px 3px;
                            border: 2px solid #E4393C;
                        }
                        a.disabled{
                            padding: 1px;
                            border:1px dashed #ccc;
                        }
                    }
                }
            }
            li.choose_version{
                border: 1px solid white;
                i{
                    padding: 2px 4px;
                    margin: 0px;
                    text-align: center;
                    vertical-align: middle;
                }
                a.disabled{
                    color: #999;
                    cursor: not-allowed;
                }
                a[class=disabled]:hover{
                    color: #999;
                }
            }
            li.select_num{
                .stock{
                    line-height:25px;
                    color:#e4393c;
                }
                .number{
                    width: 94px;
                    padding-top: 3px;
                    text-align: center;
                    float: left;
                    a{
                        display: block;
                        margin-right: 5px;
                        border: 1px solid #ccc;
                        float: left;
                        height: 13px;
                        width: 13px;
                        text-align: center;
                        margin-top: 3px;
                        line-height: 13px;
                        margin-left: 5px;
                        text-decoration: none;
                        &:hover{
                            color: black;
                        }
                    }
                    input{
                        float: left;
                        border: 1px solid #ccc;
                        height: 18px;
                        width: 34px;
                        text-align: center;
                        padding-top: 2px;
                    }
                }
            }
            li.add_to_cart{
                width: 600px;
                padding-top: 20px;
                padding-left: 10px;
                a{
                    width: 137px;
                    display: block;
                    color: #e4393c;
                    height: 38px;
                    line-height: 200px;
                    background: url(../images/p-btns-20140611.png) no-repeat 0px 0;
                    &:hover{
                        background-position: -157px 0;
                    }
                }
                a.disable{

                    background: url(../images/p-btns-20140611.png) no-repeat -313px 0;
                }
            }
            li.hl{
                background: #FFE8E8;
                border: 1px solid #DB9A9A;
            }
        }
    }
    .small{
        .left_cur{
            display: block;
            left: 0px;
            bottom: 6px;
            position: absolute;
            width: 17px;
            height: 54px;
            background: url(../images/newicon20140417.png) 0 -139px;
        }
        a.disable_left_cur{
            background-position: -68px -139px;
            cursor: default;
        }
        a.disable_right_cur{
            background-position:-85px -139px;
            cursor: default;
        }
        .right_cur{
            display: block;
            right: 0px;
            bottom: 6px;
            position: absolute;
            width: 17px;
            height: 54px;
            background: url(../images/newicon20140417.png) -17px -139px;
        }
        .zoomWrapper{
            border: none;
            border-radius: 225px;
            overflow: hidden;
        }
        .zoomPup{
            border-radius: 98px;
            opacity: 0.7;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
            border: 1px solid #CCCCCC;
        }
        .zoomWindow{
            border:4px solid white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
            border-radius: 225px;
        }
        float: left;
        width: 352px;
        position: relative;
        .MYCLASS{
            float: left;
            display: block;
            width: 352px;
            img.small_img{
                width: 350px;
                height: 350px;
                border:1px solid #DDDDDD;
            }
        }
        .thumbshow{
            float: left;
            width: 310px;
            left: 25px;
            height: 60px;
            position: relative;
            overflow: hidden;
            margin-top: 10px;
            ul{
                position: absolute;
                left: 0px;
                top: 0px;
                li{
                    float: left;
                    width: 62px;
                    font-size: 0;
                    position: relative;
                    a.zoomThumbActive{
                        border:2px solid #E4393C;
                        img{
                            padding: 0px;
                        }
                    }
                    a{
                        display: inline-block;
                        border:1px solid #CECFCE;
                    }
                    img{
                        padding: 1px;
                        width: 50px;
                        height: 50px;
                        vertical-align: middle;

                    }
                }
            }
        }

    }	
}
.w_bottom{
    width: 1210px;
    margin: 0 auto;
    padding-top: 20px;
    margin-bottom: 50px;
    overflow: hidden;
    .bottom_left{
        width: 210px;
        float: left;
        border-top: 2px solid #999999;
        .relate_cate{
            border: 1px solid #ddd;
            border-top: none;
            margin-bottom: 20px;
            h2{
                line-height: 30px;
                height: 30px;
                text-indent: 10px;
                font-weight: 400;
                font-size: 14px;
                font-family: 微软雅黑;
                background: #F7F7F7;
            }
            .cate_content{
                padding-top: 10px;
                overflow: hidden;
                padding-bottom: 10px;
                li{
                    height: 22px;
                    line-height: 22px;
                    float: left;
                    padding-left: 15px;
                    width: 92px;
                    float: left;
                }
            }
        }
    }
    .bottom_right{
        width: 990px;
        float: right;
        .goods_detail{
            ul.fixed{
                background: #fff url(../images/tab.png) repeat-x scroll 0 -39px;
                position: fixed;
                top: 0px;
                padding-bottom: 2px;
                padding-top: 2px;
                border: none;
                li.curr{
                    border-top: 2px solid #e4393c;
                    margin-top: -2px;
                    a{
                        height: 32px;
                    }
                }
                li{
                    margin-left: 0px;
                }
            }
            .tab_change{
                border-top: 2px solid #999999;
                border-left: 1px solid #DDD;
                border-right: 1px solid #DDD;
                border-bottom: 1px solid #DDDDDD;
                background: #F7F7F7;
                height: 30px;
                line-height: 29px;
                width: 988px;
                .btn_add{
                    float: right;
                    a{
                        padding-right: 8px;
                        display: block;
                        width: 105px;
                        height: 21px;
                        line-height: 100px;
                        background: url(../images/p-btns-20140611.png) 0 -46px;
                        margin-top: 4px;
                    }
                }
                li{
                    float: left;
                    margin-left: -1px;
                    a{
                        font-size: 14px;
                        font-family: 微软雅黑;
                        text-decoration: none;
                        padding: 0 13px;
                    }
                }
                li.curr{
                    color: #e4393c;
                    margin-top: -6px;
                    background: white;
                    border-top: 2px solid #e4393c;
                    a{
                        border:1px solid #DDDDDD;
                        border-top: none;
                        border-bottom: none;
                        display: inline-block;
                        height: 35px;
                    }
                }
            }
            .detail_area{
                overflow: hidden;
                .list{
                    display: none;
                }
                li.introduce{
                    display: block;
                    ul.detail_list{
                        overflow: hidden;
                        border: 1px solid #DDD;
                        border-top: none;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        li{
                            float: left;
                            padding-left: 15px;
                            width: 310px;
                            line-height: 25px;
                        }
                    }
                    .detail_content{
                        padding: 10px;
                        margin-top: 20px;
                        min-height: 200px;
                        border: 1px solid #DDD;
                        line-height: 200px;
                        text-align: center;
                        font-size: 30px;
                        font-weight: 700;
                    }
                }
                li.params{
                    padding-top: 10px;
                    table{
                        background: #ccc;
                        empty-cells:show;
                        .tdTitle{
                            text-align: right;
                            background:#f5fafe;
                            width: 110px;
                        }
                        th{
                            padding: 5px;
                        }
                        td{
                            padding: 2px 5px;
                            background: white;
                        }				
                        th.tdTitle{
                            text-align: center;
                            background:#f5fafe;
                            width: 110px;
                        }
                    }
                }
                li.comment{
                    margin-top: 15px;
                    table{
                        width:100%;
                        border-bottom:1px solid #d0e4c2;
                        border-left:1px solid #d0e4c2;
                        border-right:1px solid #d0e4c2;
                        tr{
                            td{
                                border-top:1px solid #d0e4c2;
                                padding-top:10px;
                                padding-bottom:10px;
                                p{
                                    line-height:20px;
                                    font-size:12px;
                                    span{
                                        display: inline-block;
                                        background:#fdedd2;
                                        padding:3px 5px;
                                        margin-right:5px;
                                    }
                                }
                            }
                        }

                    }
                }
            }
        }
        .jd_promise{
            color: #666;
            margin-top: 15px;
            line-height: 18px;
            .service_promise{
                padding: 10px;
                border-top:1px dotted #dedede;
            }
            .power_promise{
                padding: 10px;
                border-top:1px dotted #dedede;
                strong{
                    color: #e4393c;
                }
            }

        }
    }
}